<template>
  <div class="planting">
    <div class="planting-lbimg">
      <el-carousel :interval="4000" :height="height" arrow="never" class="Home-lbimg-carousel">
        <el-carousel-item v-for="item in lbimgList" :key="item.swiperId">
          <img :src="item.swiperurl" class="medium" width="100%" />
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  props: {
    lbimgList: {
      type: Array,
      required: true
    },
    height: {
      type: String,
      default: "750px"
    }
  }
};
</script>
<style lang="scss">
.planting {
  width: 100%;
  .planting-lbimg {
    .el-carousel__item .medium {
      height: 100%;
      margin: 0;
    }
    .Home-lbimg-carousel {
      .el-carousel__indicator.is-active button {
        background-color: #ab9171;
      }
      .el-carousel__button {
        height: 15px;
        width: 15px;
        border-radius: 50%;
      }
    }
  }
}
</style>